// SPDX-License-Identifier: MIT

@use "accent-colors" as ac;

@mixin hide() {
  -fx-min-width: 0;
  -fx-pref-width: 0;
  -fx-max-width: 0;
  -fx-min-height: 0;
  -fx-pref-height: 0;
  -fx-max-height: 0;
  visibility: false;
}

.root {
  -fx-font-family: "Inter";

  &:showcase-mode {

    #sidebar {
      @include hide();
    }

    .page {
      >.header {
        @include hide();
      }

      >.stack>.scroll-pane>.viewport>*>.wrapper>.user-content {
        -fx-max-width: 4096px;
        -fx-padding: 0;
        -fx-spacing: 0;
      }

      .about {
        @include hide();
      }

      .credits {
        @include hide();
      }
    }
  }

  // accent colors
  &:accent-primer-purple {
    @include ac.primerPurpleLight();
  }

  &:accent-primer-pink {
    @include ac.primerPinkLight();
  }

  &:accent-primer-coral {
    @include ac.primerCoralLight();
  }

  &:dark {
    &:accent-primer-purple {
      @include ac.primerPurpleDark();
    }

    &:accent-primer-pink {
      @include ac.primerPinkDark();
    }

    &:accent-primer-coral {
      @include ac.primerCoralDark();
    }
  }
}